<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <style>
        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .article_content {
            width: 80%;
        }

        .langBox {
            position: fixed;
            top: 20px;
            right: 20px;
            display: flex;
            flex-direction: row;
        }
        .lang {
            margin: 0 10px;
        }
    </style>
    <body>
        <div id="article_content" class="article_content clearfix">
            <link
                rel="stylesheet"
                href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"
            />
            <link
                rel="stylesheet"
                href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-704d5b9767.css"
            />

            <div id="content_views" class="htmledit_views">
                <p style="text-align: center">
                    <img alt="" src="./pakeplus.png" width="197" />
                </p>
                <p>
                    PakePlus is an open-source and free software that supports
                    Mac, Windows, and Linux, and will soon support Android and
                    iOS. There is no need to install complex dependencies
                    locally; just a GitHub Token is enough. Check the README for
                    popular packages and custom development information. Feel
                    free to share your suggestions in the
                    <a
                        href="https://github.com/Sjj1024/PakePlus/discussions"
                        title="Discussion Area"
                        >discussion area</a
                    >. Open-source link:
                    <a
                        href="https://github.com/Sjj1024/PakePlus"
                        title="https://github.com/Sjj1024/PakePlus"
                        >https://github.com/Sjj1024/PakePlus</a
                    >
                </p>
                <h2 id="%E7%89%B9%E6%80%A7"><a name="t2"></a>Features</h2>
                <p>
                    - 🎐 Approximately 20 times smaller than an Electron package
                    (about 5M!)
                </p>
                <p>
                    - 🚀 Built with Rust Tauri, PakePlus is lighter and faster
                    than JS-based frameworks.
                </p>
                <p>
                    - 📦 Rich built-in feature packages—supports shortcuts,
                    immersive windows, minimal customization.
                </p>
                <p>
                    - 👻 PakePlus is a simple tool—using Tauri as a replacement
                    for old packaging methods (although PWA is also sufficient).
                </p>
                <p>
                    - 🤗 PakePlus is easy to use; just one GitHub Token allows
                    you to obtain a desktop app.
                </p>
                <p>
                    - 🌹 No need to install any complex dependencies locally, as
                    GitHub Action enables cloud-based auto-packaging.
                </p>
                <p>
                    - 🧑‍🤝‍🧑 Internationalization support, very user-friendly for
                    global users, and automatically follows your computer's
                    system language.
                </p>
                <p></p>
                <h2><a name="t3"></a>Get a GitHub Token</h2>
                <p>
                    Why do you need a GitHub Token? Because the compilation and
                    packaging process relies entirely on the GitHub platform,
                    and your web code to be packaged is also managed on GitHub,
                    so a GitHub Token is needed to operate these tasks, which
                    requires specific permissions for different versions of the
                    token.
                </p>
                <h3><a name="t4"></a>1. Beta Version Token</h3>
                <p>Permission Description:</p>
                <p>All repositories: To fork an original template repository</p>
                <p>Actions: Operate GitHub Action</p>
                <p>Administration: Fork and manage repository files</p>
                <p>Contents: Add/delete/modify/search repository content</p>
                <p>Issues: Submit issues to PakePlus</p>
                <p>Workflows: Used to compile and package your software</p>
                <p>
                    First, log in to your GitHub account, then click the link to
                    get it:
                    <a
                        href="https://github.com/settings/tokens?type=beta"
                        title="https://github.com/settings/tokens?type=beta"
                        >https://github.com/settings/tokens?type=beta</a
                    >, or go to
                    <a href="https://github.com/settings" title="&nbsp;Settings"
                        >&nbsp;Settings</a
                    >
                    &gt;&nbsp;<a
                        href="https://github.com/settings/apps"
                        title="Developer Settings"
                        >Developer Settings</a
                    >&nbsp; to obtain it:
                </p>
                <p>
                    <img alt="" src="./token1.png" width="1200" />
                </p>
                <p>Generate new token:</p>
                <p>
                    Enter a name for the token, set the expiration date to
                    “Never,” write any description, and select All repositories.
                </p>
                <p>
                    <img alt="" src="./token2.png" width="1200" />
                </p>
                <p>
                    Configure permissions: Assign permissions marked in the red
                    box, Access selection: &nbsp;&nbsp;Read and write&nbsp;
                </p>
                <p>
                    <img alt="" src="./token3.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token4.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token5.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token7.png" width="1200" />
                </p>
                <p>Then click Generate token at the bottom:&nbsp;</p>
                <p>
                    <img alt="" src="./token8.png" width="1200" />
                </p>
                <p>Copy the token you received into PakePlus:</p>
                <p>
                    <img alt="" src="./token9.png" width="1200" />
                </p>
                <p></p>
                <h3><a name="t5"></a>2. Classic Version Token</h3>
                <p>Permission Description:</p>
                <p>repo: Fork and manage template code</p>
                <p>workflow: Compile and release your software</p>
                <p></p>
                <p>
                    First, log in to your GitHub account, then click the link to
                    get it:
                    <a
                        href="https://github.com/settings/tokens"
                        title="https://github.com/settings/tokens"
                        >https://github.com/settings/tokens</a
                    >, or go to
                    <a href="https://github.com/settings" title="&nbsp;Settings"
                        >&nbsp;Settings</a
                    >
                    &gt;&nbsp;<a
                        href="https://github.com/settings/apps"
                        title="Developer Settings"
                        >Developer Settings</a
                    >&nbsp; to obtain it:
                </p>
                <p>
                    <img alt="" src="./token10.png" width="1200" />
                </p>
                <p>
                    Only the following permissions are needed: repo and workflow
                </p>
                <p>
                    <img alt="" src="./token11.png" width="1200" />
                </p>
                <p>Then copy the token you received into PakePlus:</p>
                <p>
                    <img alt="" src="./token12.png" width="1200" />
                </p>
                <p>If the Token is usable, it will show as successful:</p>
                <p>
                    <img alt="" src="./token13.png" width="1200" />
                </p>
                <p>
                    After filling in the Token into PakePlus, it's best to test
                    if it's usable before proceeding with the next steps. &nbsp;
                </p>
                <p></p>
                <h2><a name="t6"></a>Create Project and Configure</h2>
                <p>
                    The project name must be in English. After entering it,
                    click Confirm and wait a few minutes. On the next page,
                    configure the website address and APP name you want to
                    package, and upload an Icon. It is best to prepare a square
                    png icon locally for direct upload. Otherwise, cropping will
                    occur, which might not yield the desired result.
                </p>
                <p>
                    <img alt="" src="./token14.png" width="1200" />
                </p>
                <p>
                    After configuring the project, you can click Preview, which
                    will open a window displaying the final effect of your
                    program. If it opens correctly, everything is fine. You can
                    also make some window size configurations to make the page
                    more user-friendly.
                </p>
                <p>
                    <img alt="" src="./token15.png" width="1200" />
                </p>
            </div>
        </div>
        <div class="langBox">
            <a class="lang" href="https://sjj1024.github.io/PakePlus/index.html"
                >English</a
            >
            <a
                class="lang"
                href="https://sjj1024.github.io/PakePlus/index_zh.html"
                >中文</a
            >
            <a
                class="lang"
                href="https://sjj1024.github.io/PakePlus/index_ja.html"
                >日语</a
            >
        </div>
    </body>
</html>
